// 导入校验插件
import wxValidate from 'wechat-validate'
// 获取应用实例 把token和refreshertoken存起来
const app = getApp()
Page({
  data: {
    // 控制按钮显示隐藏
    countDownVisible: false,
    // 手机号
    mobile: '15788886666',
    // 验证码
    code: ''
  },
  // 将插件注入到页面实例
  behaviors: [wxValidate],
  // 校验规则
  rules: {
    mobile: [{
        required: true,
        message: '请填写手机号'
      },
      {
        pattern: /^1[3-8]\d{9}$/,
        message: '手机号格式错误'
      }
    ],
    code: [{
        required: true,
        message: '请填写验证码'
      },
      {
        pattern: /^\d{6}$/,
        message: '验证码格式错误'
      }
    ]
  },

  // 在onLoad钩子函数中拿到查询字符串参数 需要跳转回去的原页面路径
  onLoad({
    redirectURL
  }) {
    this.redirectURL = redirectURL
  },

  // 倒计时组件change事件处理函数
  countDownChange(ev) {
    this.setData({
      timeData: ev.detail,
      // 如果倒计时秒数 >0 此处值为true 为true时显示倒计时组件 false隐藏
      // 倒计时结束时隐藏倒计时组件
      countDownVisible: ev.detail.minutes === 1 || ev.detail.seconds > 0,
    })
  },

  // 获取验证码功能
  async getCode() {
    // 调用validate拿到校验结果
    const {
      valid,
      message
    } = this.validate('mobile')
    //  console.log(res);
    // 校验不通过
    if (!valid) return wx.utils.toast(message)
    // 显示倒计时组件
    this.setData({
      countDownVisible: true
    })
    // 调发送验证码的接口
    const {
      code,
      data
    } = await wx.http.get('/code', {
      mobile: this.data.mobile
    })
    if (code !== 10000) return wx.utils.toast('发送验证码失败，请稍后重试')
    this.setData({
      code: data.code
    })
  },


  // 登录
  async submitLogin() {
    // 校验表单
    // 调用校验方法 不传校验项 默认校验整个表单 校验不通过返回值为false
    if (!this.validate()) return
    // 调登录接口
    const {
      code,
      data
    } = await wx.http.post('/login', {
      mobile: this.data.mobile,
      code: this.data.code
    })
    if (code !== 10000) return wx.utils.toast('登录失败,请重试')
    // 存数据
    app.setToken('token', data.token)
    app.setToken('refreshToken', data.refreshToken)
    wx.utils.toast('登录成功')

    // 登录成功之后跳转回 原页面 或者 首页
    wx.redirectTo({
      url: this.redirectURL || '/pages/index/index',
    })
  }
})